// 定义一个粉色的变量
// @color:red;
// 错误的变量名 @color @color~@#
// 变量名区分大小写 @color和@Color是两个不同的变量
// 定义了一个字体为14像素的变量
// @font14:14px;
// html{
//     background-color: @color;
// }
// div{
//     background-color: @color;
//     font-size: @font14;
// }
// a{
//     font-size: @font14;
// }
.header{
    width: 300px;
    height:200px;
    background-color: green;
    // 1.less嵌套了元素的样式直接写到父元素里面就好了
    a{
        color: red;
        // 2.如果有伪类、交集元走起、伪元素选择器 我们内层选择器的前面需要加&
        &:hover{
            color:blue;
        }
    }
}
.nav{
    .logo{
        color: yellow;   
    }
    &::before{
        content: "";
    }
}